﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:Indigo.Quibbler.Controls"
	mc:Ignorable="d"
	x:Class="Indigo.Quibbler.Controls.SectionControlOverview"
	x:Name="UserControl"
    
	>
    <UserControl.Resources>
        <local:SectionTitleConverter x:Key="SectionTitleConverter"/>
        <local:GradientDarkShadeConverter x:Key="GradientDarkShadeConverter"/>
        <local:GradientLightShadeConverter x:Key="GradientLightShadeConverter"/>
        <local:SectionControlViewModeConverter x:Key="SectionControlViewModeConverter"/>
    </UserControl.Resources>

    <Grid x:Name="gridLayout">
        <Grid x:Name="gridCategory" Width="150" Height="65" Visibility="Collapsed">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <!--<RowDefinition Height="15"/>-->
            </Grid.RowDefinitions>
            <Border x:Name="bdSection" BorderThickness="0" Grid.Row="0" CornerRadius="5,5,5,5">
                <Border.BorderBrush>
                    <LinearGradientBrush EndPoint="0.93,0.925" StartPoint="0.039,0.059">
                        <GradientStop Color="#FFB2CCDB" Offset="0.174"/>
                        <GradientStop Color="#FFABC8D8" Offset="0.461"/>
                        <GradientStop Color="White" Offset="0.322"/>
                        <GradientStop Color="#FFB2CCDB" Offset="0.839"/>
                        <GradientStop Color="#FFB2CCDA" Offset="0.661"/>
                        <GradientStop Color="White" Offset="0.765"/>
                        <GradientStop Color="#FFE0E4E6" Offset="0.37"/>
                        <GradientStop Color="#FFECEEF0" Offset="0.257"/>
                        <GradientStop Color="#FFEDF7FC" Offset="0.735"/>
                        <GradientStop Color="#FFE1E9EE" Offset="0.817"/>
                    </LinearGradientBrush>
                </Border.BorderBrush>
                <Border.Background>
                    <ImageBrush ImageSource="pack://application:,,/Quibbler - Universal News Reader;component/Images/SectionBackgroundBlue.png"/>
                </Border.Background>
                <Border BorderBrush="#FF899DA8" BorderThickness="0" Grid.Row="0" CornerRadius="5,5,5,5">
                    <Border.Background>
                        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
                            <GradientStop Color="{Binding Category, Converter={StaticResource GradientDarkShadeConverter}, ElementName=UserControl, Mode=Default}" Offset="0.278"/>
                            <GradientStop Color="{Binding Category, Converter={StaticResource GradientLightShadeConverter}, ElementName=UserControl, Mode=Default}" Offset="1"/>
                            <GradientStop Color="{Binding Category, Converter={StaticResource GradientLightShadeConverter}, ElementName=UserControl, Mode=Default}" Offset="0.765"/>
                        </LinearGradientBrush>
                    </Border.Background>
                    <Grid>
                        <!--<Rectangle Margin="0">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">
                                <GradientStop Color="{Binding Category, Converter={StaticResource GradientDarkShadeConverter}, ElementName=UserControl, Mode=Default}" Offset="0.278"/>
                                <GradientStop Color="{Binding Category, Converter={StaticResource GradientLightShadeConverter}, ElementName=UserControl, Mode=Default}" Offset="1"/>
                                <GradientStop Color="{Binding Category, Converter={StaticResource GradientLightShadeConverter}, ElementName=UserControl, Mode=Default}" Offset="0.765"/>
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>-->                      
                        <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Margin="3,3,3,3">
                            <!--<TextBlock HorizontalAlignment="Center" Text="TIMES" d:LayoutOverrides="Height" Foreground="White" FontSize="15" FontFamily="Georgia" FontWeight="Bold" Padding="0" VerticalAlignment="Center"/>-->
                            <TextBlock HorizontalAlignment="Center" Text="{Binding Category, Converter={StaticResource SectionTitleConverter}, ElementName=UserControl, Mode=Default}" d:LayoutOverrides="Height" Foreground="White" FontSize="16" FontFamily="Georgia" FontWeight="Bold" Padding="0" VerticalAlignment="Center" Margin="0,0,0,0" TextTrimming="CharacterEllipsis" TextWrapping="Wrap"/>
                        </StackPanel>
                    </Grid>
                </Border>

            </Border>

            <!--<Border Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" RenderTransformOrigin="0.5,0.5"  ClipToBounds="False" Margin="0,1.5,0,0" CornerRadius="15,10,0,0">
                <Border.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#33FFFFFF" Offset="0"/>
                        <GradientStop Offset="1"/>
                    </LinearGradientBrush>
                </Border.Background>
            </Border>-->
        </Grid>
        <Grid x:Name="gridImage" Visibility="Collapsed" Width="150" Height="65">
            <!--<Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="15"/>
            </Grid.RowDefinitions>-->
            <StackPanel Orientation="Vertical" Grid.Row="0" VerticalAlignment="Center">
                <Image x:Name="img" HorizontalAlignment="Center" Source="pack://application:,,/Quibbler - Universal News Reader;component/Images/SectionPhotos.png" />
                <Border Height="15" HorizontalAlignment="Stretch" RenderTransformOrigin="0.5,0.5"  ClipToBounds="False" Margin="0,1.5,0,0" CornerRadius="0">
                    <Border.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#33FFFFFF" Offset="0"/>
                            <GradientStop Offset="1"/>
                        </LinearGradientBrush>
                    </Border.Background>
                </Border>
            </StackPanel>
        </Grid>
        <Grid x:Name="gridUpdated" Margin="0,0,0,15" Visibility="Collapsed">
            <Rectangle Stroke="#FF778DEE" StrokeThickness="6" ClipToBounds="True">
                <Rectangle.Effect>
                    <BlurEffect Radius="24"/>
                </Rectangle.Effect>
            </Rectangle>
        </Grid>
    </Grid>
</UserControl>